<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./bootstrap/bootstrap-3.4.1/dist/css/bootstrap.css">
    <link rel="stylesheet" href="./css/games.css">
    <script src="./jquery.js"></script>
    <script src="./bootstrap/bootstrap-3.4.1/js/dropdown.js"></script>
    <script src="./bootstrap/bootstrap-3.4.1/js/collapse.js"></script>
    <script src="./bootstrap/bootstrap-3.4.1/js/transition.js"></script>
    <script src="./bootstrap/bootstrap-3.4.1/js/carousel.js"></script>
</head>

<body>
    <header>
        <!-- 导航栏 -->
        <div class="container-fluid box">
            <div class="navbar-wrapper">
                <div class="container">

                    <nav class="navbar navbar-inverse navbar-static-top">
                        <div class="container">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                    data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                                <a class="navbar-brand" href="#">
                                    <img src="./img/index/logo.png" alt="">
                                </a>
                            </div>
                            <div id="navbar" class="navbar-collapse collapse">
                                <ul class="nav navbar-nav">
                                    <li class="active"><a href="index.html">首页</a></li>
                                    <li><a href="jiazu.html">Laya家族</a></li>
                                    <li><a href="games.html">游戏</a></li>
                                    <li><a href="news.html">新闻动态</a></li>
                                    <li><a href="#">开发者中心</a></li>
                                    <li><a href="#">开发者社区</a></li>
                                    <li><a href="#">开放平台</a></li>
                                    <li><a href="aboutus.html">关于我们</a></li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                            aria-haspopup="true" aria-expanded="false">Language<span
                                                class="caret"></span></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="#">中文</a></li>
                                            <li><a href="#">English</a></li>
                                            <li><a href="#">日本語</a></li>

                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </nav>

                </div>
            </div>
        </div>


        <div id="myCarousel" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img class="first-slide" src="./img/games/1.png" alt="First slide">
                </div>
                <div class="item">
                    <img class="second-slide" src="./img/games/1.png" alt="Second slide">
                </div>
                <div class="item">
                    <img class="third-slide" src="./img/games/1.png" alt="Third slide">
                </div>
            </div>
            <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>


    </header>

    <main>
        <div class="container-fluid box1">
            <div class="container content1">
                <div class="ct_box">
                    <div class="b_one">
                        <img src="./img/games/3.png" alt="">
                    </div>
                    <div class="b_two">
                        <h2>猎刃2</h2>
                        <p>2015年Q版魔幻手游诚心之作，超魔幻ARPG之作！！！无可挑剔的简单操作，无与伦比的爽快打击感，无处不在的惊
                            喜！无穷无尽的回忆！全部技能100%还原，高清华丽特效，体验视觉盛宴；超写实画风，完美重现经典副本；让我们一
                            起来，挑战恶魔，乱斗魔兽！</p>
                        <div class="two_1">
                            <img src="./img/games/4.png" alt="">
                            <img src="./img/games/5.png" alt="">
                        </div>
                        <div class="two_1">
                            <img src="./img/games/6.png" alt="">
                            <img src="./img/games/7.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="container-fluid box2">
            <div class="container content2">
                <div class="ct_box">
                    <div class="b_one">
                        <h2>上吧主公</h2>
                        <p>《上吧主公》是一款以三国为背景Q版卡牌游戏，游戏与普通三国题材不同，它以萌萌哒猫咪为三国众名将构筑出别具一
                            格的游戏世界观。画面Q萌，技能华丽炫酷，集养成 、 收集 、策略 、卡牌于一体。三国初始群雄争霸，奇妙的名将会帮
                            你掌握胜算左右战况。</p>
                        <div class="two_1">
                            <img src="./img/games/9.png" alt="">
                            <img src="./img/games/10.png" alt="">
                        </div>
                        <div class="two_1">
                            <img src="./img/games/11.png" alt="">
                            <img src="./img/games/12.png" alt="">
                        </div>

                    </div>
                    <div class="b_two">
                        <img src="./img/games/8.png" alt="">
                    </div>
                </div>
            </div>
        </div>

        <div class="container-fluid box3">
            <div class="container content3">
                <div class="row ct_box">
                    <div class="b_one">
                        <h2>更多案例</h2>
                        <div class="one_1">
                            <div><img src="./img/games/more/1.png" alt=""> <span>醉西游</span></div>
                            <div><img src="./img/games/more/2.png" alt=""><span>魔卡幻想</span></div>
                            <div><img src="./img/games/more/3.png" alt=""><span>超能战队</span></div>
                        </div>

                        <div class="one_1">
                            <div><img src="./img/games/more/4.png" alt=""><span>轰三国</span></div>
                            <div><img src="./img/games/more/5.png" alt=""><span>刀塔大菠萝</span></div>
                            <div><img src="./img/games/more/6.png" alt=""><span>迷你猎人</span></div>
                        </div>

                        <div class="one_1">
                            <div><img src="./img/games/more/7.png" alt=""><span>萌挂三国</span></div>
                            <div><img src="./img/games/more/8.png" alt=""><span>战争之门</span></div>
                            <div><img src="./img/games/more/9.png" alt=""><span>英雄争霸</span></div>
                        </div>

                        <div class="one_1">
                            <div><img src="./img/games/more/10.png" alt=""><span>二战传奇</span></div>
                            <div><img src="./img/games/more/11.png" alt=""><span>龙吟三国</span></div>
                            <div><img src="./img/games/more/12.png" alt=""><span>哟狐狸精</span></div>
                        </div>

                        <div class="one_1">
                            <div><img src="./img/games/more/13.png" alt=""><span>熊来啦</span></div>
                            <div><img src="./img/games/more/14.png" alt=""><span>我爱我家</span></div>
                            <div><img src="./img/games/more/15.png" alt=""><span>夺塔三国</span></div>
                        </div>

                        <div class="one_1">
                            <div><img src="./img/games/more/16.png" alt=""><span>西游快跑</span></div>
                            <div><img src="./img/games/more/17.png" alt=""><span>德州扑克</span></div>
                            <div><img src="./img/games/more/18.png" alt=""><span>神魔快打</span></div>
                        </div>

                        <div class="one_1">
                            <div><img src="./img/games/more/19.png" alt=""><span>鬼吹灯</span></div>
                            <div><img src="./img/games/more/20.png" alt=""><span>挂机三国</span></div>
                            <div><img src="./img/games/more/21.png" alt=""><span>三国仙侠传</span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>


    <footer>
        <div class="container-fluid box5">
            <div class="container">
                <div class="row">
                    <div class="dibu">
                        <div class="db_one">
                            <div>
                                <span>公司简介</span>
                                <span>联系方式</span>
                                <span>人才招聘</span>
                            </div>
                            <span>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </span>
                        </div>

                        <div class="col-md-3 col-md-pull-1 db_two">
                            <div><img src="./img/index/email.png" alt=""></div>
                            <div><img src="./img/index/vx.png" alt=""></div>
                            <div><img src="./img/index/qq.png" alt=""></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</body>

</html>